@mixin clearFloat{
	display: block;
	content: "";
	clear: both;
}
@mixin inputPlaceHolder{
	input::placeholder{
		@content;
	}
	input:-moz-placeholder{
		@content;
	}
	input::-webkit-input-placeholder{
		@content;
	}
	input:-ms-input-placeholder{
		@content;
	}
}
@mixin transform($rule){
	-webkit-transform: $rule;
	-moz-transform: $rule;
	-ms-transform: $rule;
	-o-transform: $rule;
	transform: $rule;
}
@mixin translate($x, $y){
	-webkit-transform: translate3d($x, $y, 0);
	-moz-transform: translate3d($x, $y, 0);
	-ms-transform: translate3d($x, $y, 0);
	-o-transform: translate3d($x, $y, 0);
	transform: translate3d($x, $y, 0);
}
@mixin translate3d($x, $y, $z){
	-webkit-transform: translate3d($x, $y, $z);
	-moz-transform: translate3d($x, $y, $z);
	-ms-transform: translate3d($x, $y, $z);
	-o-transform: translate3d($x, $y, $z);
	transform: translate3d($x, $y, $z);
}
@mixin scale($x, $y){
	-webkit-transform: translate3d(0, 0, 0) scale($x, $y);
	-moz-transform: translate3d(0, 0, 0) scale($x, $y);
	-ms-transform: translate3d(0, 0, 0) scale($x, $y);
	-o-transform: translate3d(0, 0, 0) scale($x, $y);
	transform: translate3d(0, 0, 0) scale($x, $y);
}
@mixin rotate($deg){
	-webkit-transform: rotate($deg);
	-moz-transform: rotate($deg);
	-ms-transform: rotate($deg);
	-o-transform: rotate($deg);
	transform: rotate($deg);
}
@mixin animation($rule){
	-webkit-animation: $rule;
	-moz-animation: $rule;
	-o-animation: $rule;
	animation: $rule;
}
@mixin animation-delay($delay){
	-webkit-animation-delay: $delay;
	-moz-animation-delay: $delay;
	-o-animation-delay: $delay;
	animation-delay: $delay;
}
@mixin animation-fill-mode($mode){
	animation-fill-mode: $mode;
}
@mixin keyframes($animationName) {
	@-webkit-keyframes #{$animationName} {
		@content;
	}
	@-moz-keyframes #{$animationName} {
		@content;
	}
	@-ms-keyframes #{$animationName} {
		@content;
	}
	@-o-keyframes #{$animationName} {
		@content;
	}
	@keyframes #{$animationName} {
		@content;
	}
}